<ion-header>
  <ion-navbar hideBackButton="true">
    <span><img src="./assets/imgs/logo.png" style="width: 2.3rem;height: 2.3rem;margin-top:0.3rem"></span>
    <span style="float: right;font-size: 0.8rem;margin-right: 0.2rem;margin-top: 0.4rem;line-height: 2rem;" (click)="loginPcenter()">{{this.display}}</span>
  </ion-navbar>

</ion-header>



<ion-content overflow-scroll="false" lazy-scroll>

  <ion-refresher (ionRefresh)="doRefresh($event)">
    <ion-refresher-content  class=""
      pullingIcon="arrow-dropdown"
      pullingText="下拉刷新"
      refreshingSpinner="circles"
      refreshingText="刷新...">
    </ion-refresher-content>
    <!--<ion-refresher-content >-->
    <!--</ion-refresher-content>-->
  </ion-refresher>

  <!-- 轮播图-->
  <!--<ion-slides  *ngIf="sliders && sliders.length > 1" loop="true"  autoplay="3000"  style="width:100%;height:15.8rem;" autoplayDisableOnInteraction="false" pager="true" dir="{{dir}}" (ionSlideWillChange)="slideChanged()"  #mySlider>-->
  <ion-slides  *ngIf="sliders && sliders.length > 1" loop="true"  paginationClickable="true"
               centeredSlides="true" autoplay="3000"  style="width:100%;height:15.8rem;visibility:visible" autoplayDisableOnInteraction="false" pager="true" dir="{{dir}}"  #mySlider>

  <ion-slide *ngFor="let rd of sliders" >

      <img src="{{rd.image_url}}" >

    </ion-slide>
  </ion-slides>




  <!--#mySlider(options)="mySlideOptions"-->
  <!-- 视频列表-->

  <ul style="margin: -0.5rem 0 0 -2.85rem;visibility:visible">
    <li class="item-thumbnail-left" *ngFor="let item of video_datas" style="list-style-type:none; padding-left: -40px;">
      <!--<ion-card  (click)="new (item.id,item.url,item.name,item.depict)" style="padding: 0;">-->
      <ion-card  (click)="new (item.id)" style="padding: 0;border-radius:0.5rem;">
        <ion-card-content  style="padding:0; ">
          <div style="float:left;width:32%;height:32%;">
            <img  src="{{item.img}}" style="width:100%;height:7.8rem;border-radius:0.5rem;box-shadow: 1px 2px 2px 1px #dfdfdf">
          </div>
          <div style="margin-left:0.6rem;float:left;width:63%">

            <div style="margin-top: 1rem;">
              <span style="padding-top:0.85rem;font-size:1.5rem;">{{item.name}}</span>
              <div style="float: right;width: 5.4rem;height:3rem;margin-top: 0.2rem;  ">
                <p style="font-size: 1rem;color: #f03305;font-weight:bold">现价：￥{{item.currentPrice}}</p>
                <p style="font-size: 0.7rem;margin-left: 0.2rem;color: #6b6b6c;font-weight:bold;text-decoration:line-through">原价：￥{{item.price}}</p>
              </div>
            </div>

            <p style="font-size:0.8rem;margin-top:0.4rem"> {{item.duration.substr(3,5)}}</p>

            <p style="font-size:0.8rem;margin-top:0.4rem;overflow: hidden;color: #afafb8;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;">{{item.depict}}</p>

          </div>
        </ion-card-content>

      </ion-card>
    </li>
  </ul>
  <!--ng-if="can_loadmore()"-->


  <ion-infinite-scroll (ionInfinite)="doInfinite($event)" immediate-check="false">
    <ion-infinite-scroll-content class="ion-infinite-scroll-content"

      loadingSpinner="bubbles"
      distance="1%"
      loadingText="加载更多视频...">

    </ion-infinite-scroll-content>
  </ion-infinite-scroll>


</ion-content>
